<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="jQ/jquery-3.0.0.min.js" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=urf-8">

<title>Insert title here</title>
<style>
#header {
    background-color:#7FFFD4;
    width: 925px;
    color:white;
    text-align:center;
    padding:5px;

}
#nav {
    line-height:30px;
    background-color:#FFFFFF;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
    border-right-style: solid ;
    border-color: black;
    overflow: scroll;
}
#section {
    width:800px;
    height:300px;
    float:left;
    padding:10px;
    overflow: scroll;
    font-size:12px;
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    width: 925px;
    height:100px;
    text-align:right;
    float: left;
    background-color:#7FFFD4;
    padding:5px;	 	 
}
.content{text-align:center;}
.submit{float:right;padding:5px;margin:5px;}
.text{float: left;}
</style>
</head>
<body>
	<% 
		Object text = session.getAttribute("text");
		Object name = session.getAttribute("name");
	%>
	<div id="header">
		<h1>网络聊天室</h1>
	</div>

	<div id="nav">
			群成员
			London<br>
			Paris<br>
			Tokyo<br>
			群成员
			London<br>
			Paris<br>
			Tokyo<br>
			群成员
			London<br>
			Paris<br>
			Tokyo<br>
			群成员
			London<br>
			Paris<br>
			Tokyo<br>
	</div>

    <div id="section">
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>
    	<p class="content">--- 聊天内容 ---</p><br>

    </div>

    <div id="footer">
    <form action="/Chat/talk" method="post">
    	<textarea class="text" rows="6" cols="120" value="<%=text == null ?"":text.toString() %>">发送信息</textarea>
    </form>
    <input class="submit" type="submit" value="发送">
    <input class="submit" type="button" value="关闭">
    </div>
</body>
</html>